.scopeBox
	position:relative;
	height:300px;
	background:#353535;
	z-index:1;
	.scopeCenter
		width:$center-w;
		height:100%;
		margin:0 auto;
		display:flex;
		justify-content:space-between;
		position:relative;
		box-sizing:border-box;
		padding-left:270px;
		.scopeLink
			width:270px;
			height:350px;
			position:absolute;
			left:0;
			bottom:0;
			a
				left:0;
				top:0;
				transform:translate(0,0);
				.scopeImg
					overflow:hidden;
					img
						width:100%;
						height:100%;
						object-fit:cover;
		li
			flex:1;
			color:#ffffff;
			position:relative;
			transition:all ease 0.4s;
			&:hover
				background:#e6e6e6;
				color:#333333;
			a
				position:absolute;
				text-align:center;
				top:50%;
				left:50%;
				transform:translate(-50%,-50%);
				div
					margin-bottom:25px;
					font-size:16px;
					position:relative;
					&:before
						content:'';
						position:absolute;
						width:120px;
						height:120px;
						left:50%;
						top:50%;
						transform:translate(-46%,-43.5%);
						background:#2e2e2e;
						border:1px solid #353535;
						border-radius:100%;
					img
						position:relative;
				p
					font-weight:bold;
				&:hover
					div
						&:before
							background:#d4d2d2;
							border:1px solid #c7c5c5;	
			&.mediaItem
				a 
					div
						&:before
							transform:translate(-46%,-46%);
			&.adItem
				a 
					div
						&:before
							transform:translate(-49%,-51%);
			&.videoItem
				a 
					div
						&:before
							transform:translate(-49%,-54%);
					
					
			